<h1>Registrar Habitacion</h1>

<br/>

<div class="form-horizontal">
    <div class="form-group">
        <label for="inputFechaInicio" class="col-sm-2 control-label">Fecha Inicio</label>
        <div class="col-sm-4">
            <input type="text" readonly="readonly" class="form-control" id="inputFechaInicio" value="<?php echo $inputDesde; ?>">
        </div>
        <label for="inputFechaFin" class="col-sm-2 control-label">Fecha Fin</label>
        <div class="col-sm-4">
            <input type="text" readonly="readonly" class="form-control" id="inputFechaFin" value="<?php echo $inputHasta; ?>">
        </div>
    </div>
</div>

<div class="panel panel-default">
    <div class="panel-body">
        <div class="form-horizontal">
            <div class="form-group">
                <label for="inputEdificio" class="col-sm-2 control-label">Edificio</label>
                <div class="col-sm-10">
                    <input type="text" readonly="readonly" class="form-control" id="inputHabitacion" value="<?php echo $decEdificio->getEdiEdificio(); ?>">
                </div>
            </div>

            <div class="form-group">
                <label for="inputTipo" class="col-sm-2 control-label">Tipo</label>
                <div class="col-sm-10">
                    <input type="text" readonly="readonly" class="form-control" id="inputTipo" value="<?php echo $decHabitacionTipo->getHatTipo(); ?>">
                </div>
            </div>

            <div class="form-group">
                <label for="inputNumero" class="col-sm-2 control-label">Numero</label>
                <div class="col-sm-10">
                    <input type="text" readonly="readonly" class="form-control" id="inputNumero" value="<?php echo $decHabitacion->getHabNumero(); ?>">
                </div>
            </div>
        </div>
    </div>
</div>

<div class="form-horizontal">
    <div class="form-group">
        <label for="inputAdultos" class="col-sm-2 control-label">Cantidad de Adultos</label>
        <div class="col-sm-10">
            <div id="inputAdultos-message"></div>
            <input type="text" class="form-control" id="inputAdultos" placeholder="Cantidad de Adultos">
        </div>
    </div>

    <div class="form-group">
        <label for="inputNinos" class="col-sm-2 control-label">Cantidad de Niños</label>
        <div class="col-sm-10">
            <div id="inputNinos-message"></div>
            <input type="text" class="form-control" id="inputNinos" placeholder="Cantidad de Niños">
        </div>
    </div>

    <div class="form-group">
        <label for="inputCliente" class="col-sm-2 control-label">Cliente</label>
        <div class="col-sm-10">
            <div id="inputCliente-message"></div>
            <div class="input-group">
                <input type="text" class="form-control" id="inputCliente" valueId="0" placeholder="Nombre Completo [usuario]">
                <span class="input-group-btn">
                    <button class="btn btn-default" type="button">&nbsp;<span class="glyphicon glyphicon-search"></span></button>
                </span>
            </div>
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <button type="button" class="btn btn-danger" id="btnCancel"><span class="glyphicon glyphicon-ban-circle"></span> Cancelar</button>
            <button type="button" class="btn btn-primary" id="btnRegistrar"><span class="glyphicon glyphicon-ok-circle"></span> Registrar</button>
        </div>
    </div>
</div>

<script>
    $(document).ready(function () {
        /* AUTOCOMPLETE */
        $("#inputCliente").autocomplete({
            source: function (request, response) {
                $.ajax({
                    type: "post",
                    url: "<?php echo url_for("registrar_habitacion/getClientes"); ?>",
                    dataType: "json",
                    data: {
                        term: request.term
                    },
                    success: function (data) {
                        response(data);
                    }
                });
            },
            select: function (event, ui) {
                $("#inputCliente").attr("valueId", ui.item.id);
            },
            autoFocus: true,
            minLength: 2
        });
        /* LISTENER */
        $("#btnRegistrar").click(function () {
            if (isValidReservacion()) {
                registrar();
            }
        });
        $("#btnCancel").click(function () {
            cancelarReservacion();
        });
    });

    function isValidReservacion() {
        var valid = true;

        var id = "inputAdultos";
        if (!isInteger($("#" + id).val())) {
            valid = false;
            setError(id, "Debe ser un valor entero numerico");
        } else {
            if (0 > $("#" + id).val()) {
                valid = false;
                setError(id, "Debe ser un valor numerico positivo");
            } else {
                clearError(id);
            }
        }

        var id = "inputNinos";
        if (!isInteger($("#" + id).val())) {
            valid = false;
            setError(id, "Debe ser un valor entero numerico");
        } else {
            if (0 > $("#" + id).val()) {
                valid = false;
                setError(id, "Debe ser un valor numerico positivo");
            } else {
                clearError(id);
            }
        }

        var id = "inputCliente";
        if (isEmpty($("#" + id).val())) {
            valid = false;
            setError(id, "Campo requerido");
        } else {
            clearError(id);
        }

        return valid;
    }

    function registrar() {
        var inputFechaInicio = "<?php echo $inputDesde; ?>";
        var inputFechaFin = "<?php echo $inputHasta; ?>";
        var habitacionId = "<?php echo $decHabitacion->getHabId(); ?>";
        var clienteId = $("#inputCliente").attr("valueId");
        var inputAdultos = $("#inputAdultos").val();
        var inputNinos = $("#inputNinos").val();

        $.ajax({
            type: "post",
            url: "<?php echo url_for("registrar_habitacion/save"); ?>",
            data: {
                inputFechaInicio: inputFechaInicio,
                inputFechaFin: inputFechaFin,
                habitacionId: habitacionId,
                clienteId: clienteId,
                inputAdultos: inputAdultos,
                inputNinos: inputNinos
            },
            success: function (data) {
                $(location).attr("href", "<?php echo url_for("reservacion_lista/index"); ?>");
            }
        });
    }
</script>